import React, {Component} from 'react';
import {View, Text, StyleSheet, TouchableOpacity,Image} from "react-native";

import {pxToDp} from "../../../utils/styleKits";

// 吸顶效果
import {ImageHeaderScrollView} from 'react-native-image-header-scroll-view';

// 引入第三方图片
import Svg from 'react-native-svg-uri';
import SvgData from '../../../utils/iconSvg.js';
import Recommend from "./component/recommend";

import Head from './component/head.js';
import Visit from "./component/visit";
import List from "./component/list";

class Index extends Component {
  render() {
    return (
      <ImageHeaderScrollView
        maxHeight={pxToDp(130)}
        minHeight={pxToDp(44)}
        headerImage={require("../../../images/headfriend.png")}
        renderForeground={() => (
          <Head/>
        )}
      >
        <View>
          {/*来访*/}
          <Visit/>

          {/*推荐*/}
          <Recommend/>

          {/*列表*/}
          <List/>

        </View>
      </ImageHeaderScrollView>
    );
  }
}



export default Index;